import React from 'react'
import classnames from 'classnames'

import './index.less'

type Props = {
  className?: string
  children: React.ReactNode
  [propName: string]: any
}

const Box: React.FC<Props> = ({ children, className, ...rest }) => {
  return (
    <div className={classnames('box', className)} {...rest}>
      {children}
      <div className="corner top-left"></div>
      <div className="corner top-right"></div>
      <div className="corner bottom-right"></div>
      <div className="corner bottom-left"></div>
    </div>
  )
}

export default Box
